<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Multi Level Drop Down Menu 2.1</title>
	<link rel='stylesheet' type='text/css' href='docs.css' />
	<script type='text/javascript' src='jquery-1.3.1.min.js'></script>
	<script type='text/javascript' src='jquery.history.js'></script>
<script type='text/javascript'>
$(function(){
	$.historyInit(function(hash){
		$('h3.focus').removeClass('focus');
		$('a[name='+hash+']').parent().addClass('focus');
	});
});
</script>
</head>
<body>

<!--
Multi Level Drop Down Menu 2.1
October 1, 2009
Corey Hart @ http://www.codenothing.com
-->

<h1>Multi Level Drop Down Menu 2.1</h1>

<ul id='menu'>
	<li class='title'>Options</li>
	<li><a href='#childMO'>childMO</a></li>
	<li><a href='#levels'>levels</a></li>
	<li><a href='#numberOfLevels'>numberOfLevels</a></li>
	<li><a href='#parentMO'>parentMO</a></li>
	<li><a href='#timer'>timer</a></li>

	<li class='index' style='margin-top:20px;list-style:none;font-size:8pt;'><a href='index.html'><i>&lt;--Back to index</i></a></li>
	<li class='index' style='list-style:none;font-size:8pt;'>
		<a href='http://www.codenothing.com/archives/jquery/multi-level-drop-down-menu/'><i>&lt;--Back to Original Article</i></a>
	</li>
</ul>


<div id='header'>
	<div>Default</div>
	Name - Type
</div>


<h3><div class='default'>'non-404'</div> <a name='childMO'>childMO</a> - <span class='type'>String/CSS Class</span></h3>
<p>CSS Class used when use hover's over the child list item</p>


<h3><div class='default'>[]</div> <a name='levels'>levels</a> - <span class='type'>Array</span></h3>
<p>Array of CSS classes to use on each level from top down<br><br><b>NOTE*:</b> When filled, parentMO &amp; childMO are deprecated</p>


<h3><div class='default'>5</div> <a name='numberOfLevels'>numberOfLevels</a> - <span class='type'>numberOfLevels</span></h3>
<p>Number of drop down levels within the class</p>


<h3><div class='default'>'non-404'</div> <a name='parentMO'>parentMO</a> - <span class='type'>String/CSS Class</span></h3>
<p>CSS Class used when use hover's over the parent list item</p>


<h3><div class='default'>500</div> <a name='timer'>timer</a> - <span class='type'>Integer</span></h3>
<p>Time in milliseconds of how long the menu will stay open after the mouse loses focus of the menu</p>


</body>
</html>
